﻿@using HynuIOTA.Entity
@{
    Layout = null;
    User user = ViewBag.user ?? null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>网站后台控制面板</title>
    <!--页面样式 Start-->
    <style>
        #header {
            width: 100%;
            height: 55px;
            border-top: 0px;
            border-bottom: 1px solid #e3d3e3;
            background-color: #fff;
            padding: 0px;
        }

            #header .header-layout {
                padding: 4.5px 0;
                overflow: hidden;
            }

                #header .header-layout .logo {
                    float: left;
                    display: inline-block;
                    margin-right: 10px;
                    height: 53px;
                    overflow: hidden;
                }

                #header .header-layout .title {
                    float: left;
                    font-size: 18px;
                    font-weight: 300;
                    margin: 9.5px 10px;
                }

                #header .header-layout .header-nav {
                    width: auto;
                    height: 14px;
                    float: right;
                    line-height: 14px;
                    margin-top: 10px;
                    margin-right: 10px;
                    list-style: none;
                }

                    #header .header-layout .header-nav .nav-first {
                        margin-right: 10px;
                    }

                    #header .header-layout .header-nav li {
                        float: left;
                        padding: 0px 10px 0px 10px;
                        border-left: 1px solid #4d4d4d;
                        display: inline-block;
                    }
    </style>
    <!--页面样式 End-->
    <!--导入UI样式-->
    <link href="~/Content/base.css" rel="stylesheet" />
    @Styles.Render("~/EasyUI/themes/insdep/css")
    <!--导入UI样式 End-->
    <!--导入JS-->
    <script src="/Scripts/jquery-3.2.1.min.js"></script>
    <script src="/Scripts/jquery-3.2.1.min.js"></script>
    <script src="/Scripts/jquery.validate.min.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <script src="/Scripts/jquery.msgBox.js"></script>
    <script src="/EasyUI/jquery.easyui.min.js"></script>
    <script src="/EasyUI/jquery.easyui.GlobalParas.js"></script>
    <script src="/EasyUI/themes/insdep/jquery.insdep-extend.min.js"></script>
    <!--导入JS End-->
    <!--JS脚本-->
    <script>
        // 提供给iframe子页面一些操作方法
        var topHelper = {};
        // 初始化页面
        $(function () {
            // 1.加载菜单树 显示正在加载对话框
            $.msgBoxObj.showMsgWait("正在加载...");
            $('#menuTree').tree({
                url: '@Url.Action("GetPermissionTree","Permission",new { area = "Admin"})',
                loadFilter: function (response) {
                    // 隐藏正在加载对话框
                    // 判断数据是否成功请求，否则弹出错误提示
                    $.msgBoxObj.hidBox();
                    if (response.Statu === 1)
                        return response.Data;
                    else {
                        $.msgBoxObj.showMsgErr(response.Msg);
                        window.top.location.href = response.BackUrl;
                    }
                },
                onClick: nodeClick
            });
            // 2.初始化Tabs容器
            $('#tabBox').tabs({
                width:'100%',
                height: '100%',
            });
            // 3.1 初始化公共窗体
            topHelper.comWin = $('#commonWindow').window({
                //collapsible: false,
                minimizable: false,
                //maximizable: false,
                closable: true,
                width: 1200,
                height: 500,
                modal: true,
                onClose: function () {
                    $('#commonWindow iframe').attr('src', 'about:blank');
                }
            }).window('close');
            // 3.2 添加topHelper 打开window方法
            topHelper.showComWindowObj = function (windowOptions) {
                // 如果属性中包含URL 那么设置公共窗体的 iframe的 src
                if (windowOptions.url && windowOptions.url.length > 4) {
                    $('#commonWindow iframe').attr('src', windowOptions.url);
                }
                topHelper.comWin.callObject = windowOptions.callObject;
                $.globalParas.progressShow();
                topHelper.comWin.window(windowOptions).window('center').window('open');
            }
            // 3.2.1 添加topHelper 打开window方法
            topHelper.showComWindow = function (title, url, width, height) {
                var trueTitle = "公共窗体";
                var trueWidth = 1200;
                var trueHeight = 500;
                if (title) trueTitle = title;
                if (width && parseInt(width) > 10) trueWidth = width;
                if (height && parseInt(height) > 10) trueHeight = height;
                //判断是否置顶url，如果有，则 设置 公共窗体里的 iframe 的src
                if (url && url.length && url.length > 10) {
                    $("#commonWindow iframe").attr("src", url);
                }
                $.globalParas.progressShow();
                //重新设置 窗体的 大小，并自动居中，然后才显示
                topHelper.comWin.window({
                    title: trueTitle,
                    width: trueWidth,
                    height: trueHeight
                }).window("center").window("open");
            }
            // 3.3 添加topHelper 关闭window方法
            topHelper.closeComWindow = function () {
                topHelper.comWin.window('close');
            }
            // 4.1 刷新dataGrid控件
            topHelper.updateDataGrid = function(){
                topHelper.comWin.callObject.datagrid('reload');
            }
            // 5.加载Tab默认窗体
            $('#tabBox').tabs("add", {
                title: '网站全局管理',
                content: makeTabContent('@Url.Action("Index","Config",new{area = "Admin"})')
            });
        });

        // Tree节点被单击
        function nodeClick(nodeData) {
            // 如果父节点被单击，则直接返回
            if (nodeData.attributes == undefined)
                return;
            // 判断当前节点的Tab是否已存在 不存在则重新创建
            if ($('#tabBox').tabs('exists', nodeData.text)) {
                // 判断当前选中Tab是否为被单击节点需创建的Tab
                var curTab = $('#tabBox').tabs('getSelected');
                // 如果是那么更新Tab 否则跳转至对应Tab
                if (curTab.panel('options').title === nodeData.text) {
                    $.messager.confirm('确认对话框', '您要刷新【' + nodeData.text + '】页面么吗？', function (isOK) {
                        if (isOK) {
                            $('#tabBox').tabs('update', {
                                tab: curTab,
                                options: {
                                    content: makeTabContent(nodeData.attributes.url)
                                }
                            });
                        }
                    });
                }
                else
                    $('#tabBox').tabs('select', nodeData.text);
            }
            else {
                $('#tabBox').tabs('add', {
                    title: nodeData.text,
                    content: makeTabContent(nodeData.attributes.url),
                    closable: true
                });
            }
        }

        // 创建Tab内容
        function makeTabContent(url) {
            // 显示正在加载消息框，加载完成后关闭
            $.globalParas.progressShow();
            return '<iframe class="iframbox" onload="$.globalParas.progressClose();" id="iframbox" src="' + url + '" height="98%" width="100%" frameborder="0" />';
        }
    </script>
    <!--JS脚本 End-->
</head>
<body class="easyui-layout">
    <!--头部-->
    <div data-options="region:'north',split:false,border:false" style="height:55px;overflow: hidden">
        <div id="header">
            <div class="header-layout y-row">
                <h1 class="header-layout logo">
                    <img style="width: 200px;" src="~/Images/logo1.png" alt="物联网协会" />
                </h1>
                <h2 class="header-layout title">
                    网站后台主控制面板
                </h2>
                <ul class="header-layout header-nav">
                    <li><a href="#">欢迎您，尊敬的【<span style="color:deepskyblue">@user.UserName</span>】!</a></li>
                    <li><a href="@UrlConst.SITE_HOME">网站首页</a></li>
                    <li><a href="@Url.RouteUrl("ArticleList",new {page = 1})">博客园</a></li>
                    <li><a href="@UrlConst.USER_LOGINOUT" style="color:limegreen">【安全退出登录】</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--左边-->
    <div data-options="region:'west',title:'菜单选项',width:'180px',split:true,collapsible:true">
        <ul id="menuTree" class="easyui-tree"></ul>
    </div>
    <!--左边 End-->
    <!--中间-->
    <div data-options="region:'center'" style="padding:5px;background:#eee;">
        <div id="tabBox"></div>
    </div>
    <!--中间 End-->
    <!--公共 窗体-->
    <div id="commonWindow"><iframe id="comFrame" onload="$.globalParas.progressClose();" style="width:99%;height:95%;border:0px;"></iframe></div>
</body>
</html>